<template>
  <div>
    <van-nav-bar :border="false" :z-index="999" class="van-transparent">
      <template #left>
        <!-- <van-icon name="location" /> -->
        <!--  -->
        <div @click="href('/AccountFor')" class="city-flex">
          <span class="header-city-flex">{{ LocationCity }}</span>
        </div>
        <div class="detail-location">
          <!-- <img @click="href('/Demo')" src="../../assets/images/06.png" /> -->
          <!-- <div @click="href('/AccountFor')">{{ city }}</div> -->
        </div>
      </template>
      <template #right>
        <div class="menu-flex">
          <div @click="href('/Search')" class="menu-link">
            <img src="../../assets/images/47.png" alt />
          </div>
        </div>
        <!-- @click="href('/AccountFor')" -->
        <!-- <div class="detail-location">
          <img @click="href('/Demo')" src="../../assets/images/06.png" />
          <div @click="href('/AccountFor')">{{ LocationCity }}</div>
       
        </div> -->
        <!-- <div class="menu-flex">
          <div @click="href('/Demo')" class="menu-link">
            <img src="../../assets/images/47.png" alt />
          </div>
        </div>  -->
      </template>
    </van-nav-bar>
  </div>
</template>

<script>
import { Toast } from "vant";
export default {
  name: "Header",
  data() {
    return {
      LocationCity: "湘潭市",
      city: "正在定位中",
      // 高德地图获取当前位置
      location: "",
      lat: 0,
      lng: 0,
      address: ""
    };
  },
  created() {
    this.LocationCity = sessionStorage.getItem("city");
    // let _this = this;
    // let sessionLocal = sessionStorage.getItem("city");
    // if (sessionLocal) {
    //   _this.LocationCity = sessionLocal;
    // } else {
    //   _this.initMap();
    // }

    // *********************
    let dsBridge = require("dsbridge");
    dsBridge.call("goBack", "", function() {
      history.go(-1);
    });
    let jd = sessionStorage.getItem("jd");
    let wd = sessionStorage.getItem("wd");
    let cityS = sessionStorage.getItem("city");
    let LocationCityS = sessionStorage.getItem("LocationCity");
    if (null != cityS && cityS != "") {
      this.city = cityS;
    }
    if (null != LocationCityS && LocationCityS != "") {
      this.LocationCity = LocationCityS;
    }
    if (null == jd || null == wd) {
      this.getGpsLocation();
    }
  },

  mounted() {
    // if (!(sessionStorage.getItem("jd") && sessionStorage.getItem("wd"))) {
    //   this.initMap();
    // }
  },

  methods: {
    /** 获取高德地图定位 */
    // 获取当前位置
    // initMap() {
    //   // *******************
    //   let _this = this;
    //   let geolocation = new BMap.Geolocation(); // 创建百度地理位置实例，代替 navigator.geolocation
    //   geolocation.getCurrentPosition(function(e) {
    //     if (this.getStatus() == BMAP_STATUS_SUCCESS) {
    //       // 百度 geolocation 的经纬度属性不同，此处是 point.lat 而不是 coords.latitude
    //       // console.log(_this.lng, _this.lat);
    //       let point = new BMap.Point(e.point.lng, e.point.lat);
    //       let gc = new BMap.Geocoder();
    //       gc.getLocation(point, function(rs) {
    //         console.log(rs);
    //         let addComp = rs.addressComponents; // 返回的结果，大家可以先把rs打印出来看看是什么
    //         let LocationCity = addComp.city; // + addComp.district + addComp.street; // 拼接地址
    //         _this.LocationCity = LocationCity;
    //         sessionStorage.setItem("city", LocationCity);
    //         sessionStorage.setItem("jd", rs.point.lng);
    //         sessionStorage.setItem("wd", rs.point.lat);
    //       });
    //     } else {
    //       console.log(this.getStatus());
    //     }
    //   });
    //   // *******************
    //   // var mapObj = new AMap.Map("iCenter"); //以为这里是要获取地图容器的id,所以要写在mounted之中
    //   // var geolocation;
    //   // var that = this;
    //   // mapObj.plugin("AMap.Geolocation", function() {
    //   //   geolocation = new AMap.Geolocation({
    //   //     enableHighAccuracy: true, // 是否使用高精度定位，默认:true
    //   //     timeout: 10000, // 超过10秒后停止定位，默认：无穷大
    //   //     maximumAge: 0, // 定位结果缓存0毫秒，默认：0
    //   //     convert: true, // 自动偏移坐标，偏移后的坐标为高德坐标，默认：true
    //   //     showButton: true, // 显示定位按钮，默认：true
    //   //     buttonPosition: "LB", // 定位按钮停靠位置，默认：'LB'，左下角
    //   //     buttonOffset: new AMap.Pixel(10, 20), // 定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
    //   //     showMarker: true, // 定位成功后在定位到的位置显示点标记，默认：true
    //   //     showCircle: true, // 定位成功后用圆圈表示定位精度范围，默认：true
    //   //     panToLocation: true, // 定位成功后将定位到的位置作为地图中心点，默认：true
    //   //     zoomToAccuracy: true // 定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
    //   //   });
    //   //   mapObj.addControl(geolocation);
    //   //   geolocation.getCurrentPosition();
    //   //   AMap.event.addListener(geolocation, "complete", that.onComplete); // 返回定位信息
    //   //   // AMap.event.addListener(geolocation, "error", that.onError); // 返回定位出错信息
    //   // });
    // },
    onComplete(obj) {
      this.positionInfo = obj;
      var res =
        "经纬度：" +
        obj.position +
        "\n精度范围：" +
        obj.accuracy +
        "米\n定位结果的来源：" +
        obj.location_type +
        "\n状态信息：" +
        obj.info +
        "\n地址：" +
        obj.formattedAddress +
        "\n地址信息：" +
        JSON.stringify(obj.addressComponent, null, 4);
      console.log(this.positionInfo);
      console.log(res);
      sessionStorage.setItem("jd", obj.position.lng);
      sessionStorage.setItem("wd", obj.position.lat);
      sessionStorage.setItem("city", obj.addressComponent.city);
      sessionStorage.setItem("LocationCity", obj.addressComponent.street);
      this.city = obj.addressComponent.city;
      this.LocationCity = obj.addressComponent.street;
      console.log(
        `精度:jd:${sessionStorage.getItem(
          "jd"
        )};维度:wd:${sessionStorage.getItem("wd")};`
      );
    },
    onError(obj) {
      Toast.fail(obj.info + "--" + obj.message);
    },

    href(url) {
      this.$router.push({ path: url });
    },
    getGpsLocation() {
      let _this = this;
      let dsBridge = require("dsbridge");
      dsBridge.call("tellHtml_loc", "", function(data) {
        var jwd = "";
        try {
          jwd = JSON.parse(data);
        } catch (err) {
          _this.getGpsLocation();
        }
        // Toast(jwd)
        if (jwd == "") {
          sessionStorage.setItem("jd", 0);
          sessionStorage.setItem("wd", 0);
          sessionStorage.setItem("city", "湘潭市");
          sessionStorage.setItem("LocationCity", "正在定位");
        } else {
          sessionStorage.setItem("jd", jwd.lgt);
          sessionStorage.setItem("wd", jwd.lat);
          sessionStorage.setItem("city", jwd.city);
          sessionStorage.setItem("LocationCity", jwd.address);
          _this.city = jwd.city;
          _this.LocationCity = jwd.address;
        }
      });
    }
  }
};
</script>

<style></style>
